<div class="button" data-bind="dxButton: { text: 'Show overlay', onClick: showOverlay }"></div>
<div id="overlayContainer" data-bind="dxOverlay: { visible: overlayVisible, dragEnabled: overlayDragEnabled }">
  <div class="overlayContents">
    <p>The overlay window text.</p>
      <div class="button" data-bind="dxButton: { text: 'Hide overlay', onClick: hideOverlay }"></div>
  </div>
</div>
<div class="dx-fieldset">
  <div class="dx-field">
    <div class="dx-field-label">dragEnabled</div>
    <div class="dx-field-value" data-bind="dxSwitch: { value: overlayDragEnabled }"></div>
  </div>
</div>